<template>
  <div>
    <Apple />

    <h1>App</h1>

    <button @click="show = !show">切换 Hello 的渲染</button>

    <Hello v-if="show" />
    <World />
  </div>
</template>

<script>
import { ref } from "vue";
import Hello from "./components/Hello.vue";
import World from "./components/World.vue";
import Apple from "./components/Apple.vue";

export default {
  components: {
    Hello,
    World,
    Apple,
  },

  setup() {
    const show = ref(true);

    return {
      show,
    };
  },
};
</script>
